/**
 * 修改默认配置
 */

const CracoLessPlugin = require('craco-less');
const Path = require('path');
const modifyVarsLess = require('./modifyVarsLess');


// const app_target_url = "http://zhhq.csu.edu.cn/mgr/api/gateway";  // 本地运行环境
// const app_target_url = "http://xysh.oper245.test.jinlinbao.com";  // 测试环境
// const app_target_url = "https://xysh-oper.jinlinbao.com";  // 线上环境

module.exports = {
  // webpack配置
  webpack: {
    // 设置别名
    alias: {
      "@": Path.resolve("src"),
      "@utils": Path.resolve("src/utils"),
    },
    // configure: (webpackConfig) => {
    //   console.log('webpackConfig', webpackConfig);
    //   webpackConfig.devtool = webpackConfig.mode === "production" ? false : 'inline-source-map';
    //   return webpackConfig
    // }
  },
  // 插件配置
  plugins: [
    {
      plugin: CracoLessPlugin,
      options: {
        lessLoaderOptions: {
          // 配置antd的主题颜色
          lessOptions: {
            modifyVars: modifyVarsLess,
            javascriptEnabled: true,
          },
        },
      },
    }
  ],
  // babel配置
  babel: {
    plugins: [
      // 支持装饰器语法和配置代理
      ["@babel/plugin-proposal-decorators", { legacy: true }],
      // 按需加载样式
      ["import", { libraryName: "antd", libraryDirectory: "es", style: true }]
    ],
  },
  // 配置代理解决跨域
  devServer: {
    port: 9686, // 端口号
    // proxy: {
    //   "/api": {
    //     // 配置跨域的名字
    //     target: app_target_url,
    //     ws: true,
    //     changOrigin: true, // 是否跨域
    //     pathRewrite: { "^/": "", },
    //   },
    // },
  },
  eslint: {
    // enable: false,
    enable: true,
    // configure: {
    //   root: true,
    //   extends: ['react-app'],
    //   ignorePatterns:['src/']
    // },
  },
};



